<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    </style>
</head>

<body>
    <!-- 2.计算两个文本框的加减乘除 文本框 + 文本框 按钮（=） 文本框（结果） 提示：可以通过 input.value = "值" 来设置 input里的值。 -->
    <input class="firstnum" type="text">
    <select class="symbol">
        <option value="+">+</option>
        <option value="-">-</option>
        <option value="*">*</option>
        <option value="/">/</option>
        <option value="%">%</option>
    </select>
    <input class="secondnum" type="text">
    <span>=</span>
    <input class="result">
    <button class="sum">点击计算结果</button>
    <script>
        var oneN=document.getElementsByClassName("firstnum")[0];
        var sybl=document.getElementsByClassName("symbol")[0];
        var twoN=document.getElementsByClassName("secondnum")[0];
        var res=document.getElementsByClassName("result")[0];
        var sum=document.getElementsByClassName("sum")[0];
        sum.onclick=function(){
            var a=oneN.value;
            var b=twoN.value;
            var sybol=sybl.value;
            if(sybol=="+"){
                res.value=parseInt(a)+parseInt(b);
            }else if(sybol=="-"){
                res.value=parseInt(a)-parseInt(b);
            }
            else if(sybol=="*"){
                res.value=parseInt(a)*parseInt(b);
            } else if(sybol=="/"){
                res.value=parseInt(a)/parseInt(b);
            } else if(sybol=="%"){
                res.value=parseInt(a)%parseInt(b);
            }
        }
    </script>
</body>

</html>